{% extends "administrative/base.html" %}

{% block page_link %}
    <script src="../../static/administrative/js/issue_detail.js"></script>
    <link rel="stylesheet" href="../../static/system_setup/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" href="../../static/administrative/css/style.css">
    <link href="../../static/administrative/css/textbus.min.css" rel="stylesheet">
    <script src="../../static/administrative/js/textbus.min.js"></script>
{% endblock %}


{% block style %}
    <style>
        .add_class {
            background: #1E90FF;
        }

        .file {
            position: relative;
            display: inline-block;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }

        .file input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
        }

        .file:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }

        tr {
            height: 35px;
        }

        th {
            text-align: center;
        }

        table {
            table-layout: fixed;
        }

        td:first-child, th:first-child {
            position: sticky;
            left: 0; /* 首行永远固定在左侧 */
            z-index: 1;
        }

        thead tr th {
            position: sticky;
            top: 0; /* 列首永远固定在头部  */
            background-color: #E8E8E8;
        }

        th:first-child {
            z-index: 2;
        }

        .li-class {
            list-style: none;
            margin-top: 2%;
            color: #0b0b0b;
            cursor: pointer;
        }

        .preserve {
            height: 30px;
            width: 90%;
            background: #0070c1;
            color: #ffffff;
        }

        li {
            list-style-type: none;
        }

        .model_li {
            color: #3f414d;
            width: 25%;
            cursor: pointer;
            display: none;
        }

        .basic-tabs {
            box-shadow: 0 1.5px 0 0 #1E90FF;
            color: #1E90FF;
        }

        .basic {
            width: 8%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
        }
    </style>
{% endblock %}



{% block right_content %}
{#    <div class="headline">#}
{#        <div style="width: 15%;height: 100%;line-height: 40px;float: left;padding-left: 1%;">#}
{#            <a href="{{ leaders_dict.html_parent_src }}" style="color: #0b0b0b;">#}
{#                <i class="iconfont icon-gongwenfawen"></i>#}
{#                <span> {{ leaders_dict.html_parent_name }}</span>#}
{#            </a>#}
{#        </div>#}
{##}
{#        #}
{#    </div>#}

    <div style="width: 100%;height: 40px;padding-left: 3%;box-shadow: 0 1px 0 0 #CFCFCF;">

        <div id="accraditation_detail_tab" onclick="Control_navigation(this.id)" style="margin-left: 1%;" class="basic basic-tabs">
            审批详情
        </div>

        <div id="create-menu" class="basic" onclick="Control_navigation(this.id)">
            申请详情
        </div>

        <div id="flow-status" class="basic" onclick="Control_navigation(this.id)">
            流程状态
        </div>

        <div id="issue_file_tab" onclick="Control_navigation(this.id)" class="basic">
            议题全文
        </div>

        <div style="width: 7%;text-align: center;height: 100%;line-height: 40px;float: right;">
            <button style="display: inline-block" id="add_station" type="button"
                    class="btn btn-default add-station preserve" onclick="upload_co_issue()">提交
            </button>
            <button style="display: none" id="add_station1" type="button" class="btn btn-default add-station preserve"
                    onclick="update_issue()">修改重提
            </button>
        </div>
    </div>

    <div style="width: 100%;height: 95%;overflow: auto;padding-bottom: 0.5%;">

        <div id="accraditation_detail" style="width: 70%;height: 98%;overflow: auto;margin-top: 0.5%;display: inline-block;">
            <div style="width: 100%;height: 100%;padding-left: 3%">
                <div style="width: 99%;background: white;height: 100%;overflow: auto;">
                    <div style="width: 92%;margin-left: 4%;height: 100%;">
                        <div style="color: black;font-family: FZXBSJW;font-size: 24px;text-align: center;height: 60px;line-height: 60px;width: 100%;">{{ leaders_dict.issue_type }}</div>
                        <div id='issue_number' style="margin-top: 1%;color: black;width: 100%;text-align: left;font-family: 仿宋_GB2312;font-size: 18.6px;padding-left: 25px;font-weight: bold">议题编号{{ leaders_dict.item.issue_number }}</div>
                        <div style="padding-left: 1%;padding-right: 1%;width: 100%;color: #0b0b0b;">
                            <table style="width: 100%;">
                                <tr style="margin-left: 1%;">
                                    <td style="width: 20%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        提交人
                                    </td>
                                    <td id='submitter'
                                        style="width: 20%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">{{ leaders_dict.item.submitter }}</td>
                                    <td style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>提交部门</div>
                                    </td>
                                    <td id='in_charge_signature1'
                                        style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        {{ leaders_dict.item.submission_department }}
                                    </td>
                                    <td style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>提交</div>
                                        <div>日期</div>
                                    </td>
                                    <td id='submission_date'
                                        style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">{{ leaders_dict.item.submission_date }}</td>
                                </tr>
                            </table>

                            <table style="width: 100%;">
                                <tr style="margin-left: 1%;">
                                    <td style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 75px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        议&nbsp&nbsp&nbsp&nbsp题
                                    </td>
                                    <td id="topics1"
                                        style="width: 80%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">{{ leaders_dict.item.topics }}</td>
                                </tr>
                                {#                <tr style="margin-left: 1%;">#}
                                {#                    <td style="width: 20%;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 150px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">议题要点</td>#}
                                {#                    <td id="key_issues" style="width: 80%;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px" >{{ key_issues }}</td>#}
                                {#                </tr>#}
                            </table>


                            <table style="width: 100%;">
                                <tr style="margin-left: 1%;">
                                    <td style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 150px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>提交部门领导</div>
                                        <div>意见</div>
                                    </td>
                                    <td id="leader1_opinion"
                                        style="width: 80%;text-align: left;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div id="leader1_opinion_div"
                                             style="width: 100%;height: 40px;margin-top: 1%;display: inline-block;padding-right: 1%;">
                                            <div>
                                                <input type="radio" name="leader1_process_str" value="同意"> 同意
                                                <input type="radio" name="leader1_process_str" value="不同意"
                                                       style="margin-left: 3%;"> 不同意
                                            </div>
                                            <textarea name="" id="leader1_option_text" rows="3"
                                                      style="width: 100%;margin-top: 1%;border:0;border-radius:5px;background-color:rgba(241,241,241,.98);padding: 10px;resize: none;"></textarea>
                                        </div>
                                        <div id="leader1_signature">
                                            <div style="margin-top: 1%;">
                                                <div id='leader1_signature_text'>同意了</div>
                                                <div>
                                                    <div style="display: inline-block;">
                                                        <img id='leader1_signature_src'
                                                             src="/media/signature_picture/2022/01/08c2ba19a73d3af2890c877acaa6636a40ee3c7a.png"
                                                             style="width: 100px; height: 40px;">
                                                    </div>
                                                    <div style="display: inline-block; text-align: right; width: 90%; padding-right: 2%;">
                                                        <div id='leader1_signature_time'>2022-01-17 16:56</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>

                            <table id="jointly1" style="width: 100%;">
                                <tr style="margin-left: 1%;">
                                    <td style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 150px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>协办部门</div>
                                    </td>
                                    <td id="jointly1_opinion"
                                        style="width: 80%;text-align: left;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px"
                                        contenteditable="false">
                                        <div id="jointly1_opinion_div"
                                             style="width: 100%;height: 40px;margin-top: 1%;visibility: visible;display: inline-block;padding-right: 1%;">
                                            <div>
                                                <input type="radio" name="co_process_str" value="同意"> 同意
                                                <input type="radio" name="co_process_str" value="不同意"
                                                       style="margin-left: 3%;"> 不同意
                                            </div>
                                            <textarea name="" id="jointly1_option_text" rows="3"
                                                      style="width: 100%;margin-top: 1%;border:0;border-radius:5px;background-color:rgba(241,241,241,.98);padding: 10px;resize: none;"></textarea>
                                        </div>
                                        <div id="jointly1_signature">

                                        </div>

                                    </td>
                                </tr>
                            </table>


                            <table style="width: 100%;">
                                <tr style="margin-left: 1%;">
                                    <td style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 150px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>分管领导</div>
                                        <div>意见</div>
                                    </td>
                                    <td id="leader2_opinion"
                                        style="width: 80%;text-align: left;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px"
                                        contenteditable="false">
                                        <div id="leader2_opinion_div"
                                             style="width: 100%;height: 40px;margin-top: 1%;visibility: visible;display: inline-block;padding-right: 1%;">
                                            <div>
                                                <input type="radio" name="leader2_process_str" value="同意"> 同意
                                                <input type="radio" name="leader2_process_str" value="不同意"
                                                       style="margin-left: 3%;"> 不同意
                                            </div>
                                            <textarea name="" id="leader2_option_text" rows="3"
                                                      style="width: 100%;margin-top: 1%;border:0;border-radius:5px;background-color:rgba(241,241,241,.98);padding: 10px;resize: none;"></textarea>
                                        </div>
                                        <div id="leader2_signature">
                                            <div style="margin-top: 1%;">
                                                <div id="leader2_signature_text">同意了</div>
                                                <div>
                                                    <div style="display: inline-block;">
                                                        <img id="leader2_signature_src"
                                                             src="/media/signature_picture/2022/01/08c2ba19a73d3af2890c877acaa6636a40ee3c7a.png"
                                                             style="width: 100px; height: 40px;">
                                                    </div>
                                                    <div style="display: inline-block; text-align: right; width: 90%; padding-right: 2%;">
                                                        <div id='leader2_signature_time'>2022-01-17 16:56</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>

                            <table style="width: 100%;">
                                <tr style="margin-left: 1%;">
                                    <td style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 120px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>主要负责人</div>
                                        <div>意见</div>
                                    </td>
                                    <td id="leader3_opinion"
                                        style="width: 80%;text-align: left;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px"
                                        contenteditable="false">
                                        <div id="leader3_opinion_div"
                                             style="width: 100%;height: 40px;margin-top: 1%;visibility: visible;display: inline-block;padding-right: 1%;">
                                            <div>
                                                <input type="radio" name="leader3_process_str" value="同意"> 同意
                                                <input type="radio" name="leader3_process_str" value="不同意"
                                                       style="margin-left: 3%;"> 不同意
                                            </div>
                                            <textarea name="" id="leader3_option_text" rows="3"
                                                      style="width: 100%;margin-top: 1%;border:0;border-radius:5px;background-color:rgba(241,241,241,.98);padding: 10px;resize: none;"></textarea>
                                        </div>
                                        <div id="leader3_signature">
                                            <div style="margin-top: 1%;">
                                                <div id='leader3_signature_text'>同意了</div>
                                                <div>
                                                    <div style="display: inline-block;">
                                                        <img id='leader3_signature_src'
                                                             src="/media/signature_picture/2022/01/08c2ba19a73d3af2890c877acaa6636a40ee3c7a.png"
                                                             style="width: 100px; height: 40px;">
                                                    </div>
                                                    <div style="display: inline-block; text-align: right; width: 90%; padding-right: 2%;">
                                                        <div id='leader3_signature_time'>2022-01-17 16:56</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>

                            <div style="margin-left: 1%;text-align:left"></div>
                        </div>
                        <div style="width: 100%;height: 50px;"></div>
                    </div>
                </div>
            </div>
        </div>

        <div id="menu_from" style="display:none;width: 70%;height: 98%;margin-top: 0.5%;">
            <div id="print_div" style="width: 100%;height: 100%;padding-left: 3%">

                <div style="width: 100%;background: white;height: 92%;overflow: auto;">
                    <div id="print_div1" style="width: 92%;margin-left: 4%;"><!--startprint-->
                        <style>
                            @font-face {
                                font-family: 'FZXBSJW';
                                src: local('FZXBSJW'),
                                url('../../static/administrative/fonts/FZXBSJW.TTF') format("truetype");
                            }

                            @font-face {
                                font-family: '仿宋_GB2312';
                                src: local('仿宋_GB2312'),
                                url('../../static/administrative/fonts/仿宋_GB2312.ttf') format("truetype");
                            }
                        </style>
                        <div style="color: black;font-family: FZXBSJW;font-size: 24px;text-align: center;height: 60px;line-height: 60px;width: 100%;">
                            {{ leaders_dict.issue_type }}
                        </div>
                        <div id='issue_number'
                             style="margin-top: 1%;color: black;width: 100%;text-align: left;font-family: 仿宋_GB2312;font-size: 18.6px;padding-left: 25px;font-weight: bold">
                            议题编号{{ leaders_dict.item.issue_number }}</div>
                        <div style="padding-left: 1%;padding-right: 1%;width: 100%;color: #0b0b0b;">
                            <table style="width: 100%;">
                                <tr style="margin-left: 1%;">
                                    <td id='td1' style="width: 20%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        提交部门
                                    </td>
                                    <td id='submission_department' style="width: 20%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        {{ leaders_dict.item.submission_department }}
                                    </td>
                                    <td style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>负责人</div>
                                        <div>签&nbsp&nbsp字</div>
                                    </td>
                                    <td id='in_charge_signature' style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div></div>
                                    </td>
                                    <td style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>提交</div>
                                        <div>日期</div>
                                    </td>
                                    <td id='submission_date' style="width: 15%;border: black solid 0.5px;text-align: center;height: 75px;line-height: 35px;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        {{ leaders_dict.item.submission_date }}
                                    </td>
                                </tr>
                            </table>

                            <table style="width: 100%;">
                                <tr style="margin-left: 1%;">
                                    <td id='td2' style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 75px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        议&nbsp&nbsp&nbsp&nbsp题
                                    </td>
                                    <td id="topics"
                                        style="width: 80%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">{{ leaders_dict.item.topics }}</td>
                                </tr>
                                <tr style="margin-left: 1%;">
                                    <td id='td3' style="width: 20%;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 150px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        议题要点
                                    </td>
                                    <td id="key_issues"
                                        style="width: 80%;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">{{ leaders_dict.item.key_issues }}</td>
                                </tr>
                            </table>

                            <table id="jointly" style="width: 100%;">

                            </table>

                            <table style="width: 100%;">
                                <tr  style="margin-left: 1%;">
                                    <td id='td7' style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 150px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>分管领导</div>
                                        <div>意见</div>
                                    </td>
                                    <td id="leader_opinion"
                                        style="width: 80%;text-align: left;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px"
                                        contenteditable="false">{{ leader_opinion }}</td>
                                </tr>
                            </table>

                            <table style="width: 100%;">
                                <tr  style="margin-left: 1%;">
                                    <td id='td8' style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 120px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        <div>主要负责人</div>
                                        <div>意见</div>
                                    </td>
                                    <td id="main_process"
                                        style="width: 80%;text-align: left;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px"
                                        contenteditable="false"></td>
                                </tr>
                            </table>

                            <table style="width: 100%;">
                                <tr  style="margin-left: 1%;">
                                    <td id='td9' style="width: 20%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 110px;line-height: 35px;text-align: center;color: black;font-family: 仿宋_GB2312;font-size: 18.6px">
                                        处理结果
                                    </td>
                                    <td id="processing_result"
                                        style="width: 80%;border-top: black;border-right: black solid 0.5px;border-left: black solid 0.5px;border-bottom: black solid 0.5px;height: 35px;line-height: 35px;padding-left: 1%;color: black;font-family: 仿宋_GB2312;font-size: 18.6px"
                                        contenteditable="true"></td>
                                </tr>
                            </table>
                            <div style="margin-left: 1%;text-align:left">
                                <span style="text-align: left;font-family: 仿宋_GB2312;font-size: 18.6px;color: black;">备注</span>
                                <div style="display:inline;text-align: left;font-family: 仿宋_GB2312;font-size: 18.6px;color: black;">
                                    <span> 1.此表于{{ leaders_dict.issue_type_words }}委会召开前三天提交，提交后原则上不能修改。</span>
                                    <br>
                                    <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2.此表字体及格式已设定，请勿改动；</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div style="height: 30px;"></div><!--endprint-->
                </div>
                <hr>
                <iframe id="iframe1" style="display: none"></iframe>
                <div style="width: 100%;text-align: center;height: 8%;background: white;">
                    <button onclick="AdjustHeight()" style="width: 100px;border-radius: 3px;border: #dfdfdf solid 0.5px;margin-top: 2%;">
                        打印
                    </button>
                    <div id="issue_id" style="display: none">{{ leaders_dict.item.id }}</div>
                    <div id="nuclear_draft_name" style="display: none"></div>
                    <div id="issue_now_status" style="display: none">{{ leaders_dict.item.processing_result }}</div>
                </div>



            </div>
        </div>

        <div id="process_status" style="width: 70%;height: 98%;display: none;margin-top: 0.5%;">
            <div style="height: 100%;width: 100%;overflow: auto;padding-left: 3%;">
                <div style="background: white;width: 100%;height: 100%;">
                    <table class="table table-hover table-bordered" style="border-collapse: collapse;width: 100%;">
                        <thead>
                        <tr>
                            <th scope="col" style="width: 8%;">序号</th>
                            <th scope="col" style="width: 8%;">节点</th>
                            <th scope="col" style="width: 8%;">操作状态</th>
                            <th scope="col" style="width: 8%;">流程类别</th>
                            <th scope="col" style="width: 8%;">处理时间</th>
                            <th scope="col" style="width: 8%;">意见</th>
                        </tr>
                        </thead>
                        <tbody style="overflow: auto;" id="t_table1"></tbody>
                    </table>
                </div>
            </div>
        </div>

        <div id="issue_file_tab_detail" style="width: 70%;height: 98%;display: none;margin-top: 0.5%;">
            <div style="width: 100%;height: 100%;padding-left: 3%">
                <div style="width: 100%;height: 13%;overflow: auto;">
                        <table style="border-collapse: collapse;width: 100%;table-layout: fixed;">
                            <thead>
                               <tr>
                                    <th scope="col" style="width: 5%;">序号</th>
                                    <th scope="col" style="width: 45%;">文件名</th>
                                    <th scope="col" style="width: 10%;">文件大小</th>
                                    <th scope="col" style="width: 10%;">上传人</th>
                                    <th scope="col" style="width: 20%;">上传时间</th>
                                    <th scope="col" style="width: 20%;">文件类型</th>
                                    <th scope="col" style="width: 10%;">操作</th>
                                </tr>
                            </thead>
                            <tbody style="overflow: auto;" id="t_table2"></tbody>
                        </table>
                    </div>
                <iframe id='view_iframe' src="{{ leaders_dict.pdf_path }}" width="100%" height="87%"></iframe>
            </div>
        </div>

        <div style="float:right;width: 25%;height: 98%;margin-right: 3%;display: inline-block;vertical-align: top;margin-top: 0.5%;background: white;padding: 2%;vertical-align: top;">
                    <div style="width: 100%;text-align: center;">
                        <button style="border: #cfcfcf solid 0.5px;border-radius: 7px;width: 50%;height: 40px;color: green;">
                            <i class="iconfont icon-kaishi"></i>开始
                        </button>
                    </div>
                    <div style="width: 100%;text-align: center;font-size: 28px;">&#8595;</div>
                    <div style="width: 100%;text-align: center;">
                        <button id="issue_start"
                                style="border: #cfcfcf solid 0.5px;border-radius: 7px;width: 70%;height: 40px;">议题发起
                        </button>
                    </div>
                    <div style="width: 100%;text-align: center;font-size: 28px;">&#8595;</div>
                    <div style="width: 100%;text-align: center;">
                        <button id="issue_leader1"
                                style="border: #cfcfcf solid 0.5px;border-radius: 7px;width: 70%;height: 40px;">部门领导
                        </button>
                    </div>
                    <div style="width: 100%;text-align: center;font-size: 28px;">&#8595;</div>
                    <div style="width: 100%;text-align: center;">
                        <button id="issue_co_leader"
                                style="border: #cfcfcf solid 0.5px;border-radius: 7px;width: 70%;height: 40px;">协办部门领导
                        </button>
                    </div>
                    <div style="width: 100%;text-align: center;font-size: 28px;" id="huiqian_arrows">&#8595;</div>
                    <div style="width: 100%;text-align: center;">
                        <button id="issue_leader2"
                                style="border: #cfcfcf solid 0.5px;border-radius: 7px;width: 70%;height: 40px;">分管领导
                        </button>
                    </div>
                    <div style="width: 100%;text-align: center;font-size: 28px;">&#8595;</div>
                    <div style="width: 100%;text-align: center;">
                        <button id="issue_leader3"
                                style="border: #cfcfcf solid 0.5px;border-radius: 7px;width: 70%;height: 40px;">主要负责人
                        </button>
                    </div>
                    <div style="width: 100%;text-align: center;font-size: 28px;">&#8595;</div>
                    <div style="width: 100%;text-align: center;">
                        <button id="issue_end"
                                style="border: #cfcfcf solid 0.5px;border-radius: 7px;width: 50%;height: 40px;color: green;">
                            <i class="iconfont icon-jieshu"></i>结束
                        </button>
                    </div>
                </div>

        <div  id='all_file' style="width: 95%;margin-left: 2%;display: none;">
            <div id="upload_file" style="display: none;margin-top: 0.5%;width: 100%;background: white;">
                <span style="color: red;visibility: hidden;">*</span>
                <label style="vertical-align: top;"> 议题文件</label>
                <a href="javascript:;" class="file" style="display: inline-block;vertical-align: top;">
                    上传正文
                    <input type="file" name="accessory" id="accessory1" onchange="upload_issue_file1()">
                </a>
                <a href="javascript:;" class="file" style="display: inline-block;vertical-align: top;">
                    上传附件
                    <input type="file" name="accessory" id="accessory2" onchange="upload_issue_file2()">
                </a>
            </div>
            <table class="table table-hover table-bordered" style="width: 100%;">
                <thead>
                <tr>
                    <th scope="col" style="width: 5%;">序号</th>
                    <th scope="col" style="width: 45%;">文件名</th>
                    <th scope="col" style="width: 10%;">文件大小</th>
                    <th scope="col" style="width: 10%;">上传人</th>
                    <th scope="col" style="width: 20%;">上传时间</th>
                    <th scope="col" style="width: 20%;">文件类型</th>
                    <th scope="col" style="width: 10%;">操作</th>
                </tr>
                </thead>
                <tbody style="overflow: auto;" id="t_table"></tbody>
            </table>
            <hr>
        </div>
    </div>

    <div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-sm" style="margin-top: 10%;">
            <div class="modal-content"
                 style="height: 150px;border-radius: 7px;width: 300px;background: #F8F8FF;border: #1E90FF solid 1px;">
                <div class="modal-header"
                     style="height: 40px;background: #1E90FF;border-top-left-radius: 7px;border-top-right-radius: 7px;">
                    <h5 class="modal-title" style="line-height: 40px;width: 40%;text-align: center;color: #ffffff;">
                        提示对话框
                    </h5>
                    <button id="close-model2" type="button" class="close" data-dismiss="modal" aria-label="Close"
                            style="margin-right: 3%;line-height: 40px;">
                        <span aria-hidden="true" style="font-size: 28px;color: white;">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="height: 50px;line-height: 60px;text-align: center;">
                    <p id="Confirm-content"></p>
                </div>
                <div class="modal-footer" style="height: 40px;">
                    <button id="countersign" type="button" class="btn btn-primary" aria-label="Close"
                            style="margin-left: 2%;margin-right: 2%;background: #1E90FF;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;确&nbsp;认&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </button>
                </div>
            </div>
        </div>
    </div>

{% endblock %}


{% block script %}
    <script src="../../static/public_file/js/jquery.min.js"></script>
    <script src="../../static/system_setup/js/jquery.ztree.all.min.js"></script>
    <script src="../../static/system_setup/js/django.ajax.post.csrf.js"></script>
    <script>
        var leaders_dict = {{ leaders_dict | safe }};


        {#控制提交，重提按钮#}
        now_issue_status = leaders_dict['issue_now_status'];
        if (now_issue_status === '1') {
            document.getElementById('add_station').style.display = 'none';
            document.getElementById('add_station1').style.display = 'none';
            document.getElementById("topics").setAttribute("contenteditable", "false");
            document.getElementById("key_issues").setAttribute("contenteditable", "false");
        } else if (now_issue_status === '2') {
            document.getElementById('add_station').style.display = 'inline-block';
            document.getElementById('add_station1').style.display = 'none';
            document.getElementById("topics").setAttribute("contenteditable", "false");
            document.getElementById("key_issues").setAttribute("contenteditable", "false");
        } else if (now_issue_status === '3') {
            document.getElementById('upload_file').style.display = 'inline-block';
            document.getElementById('add_station').style.display = 'none';
            document.getElementById('add_station1').style.display = 'inline-block';
            document.getElementById("topics").setAttribute("contenteditable", "true");
            document.getElementById("key_issues").setAttribute("contenteditable", "true");
            document.getElementById("all_file").style.display = 'inline-block';
        } else if (now_issue_status === '4') {
            document.getElementById('add_station').style.display = 'none';
            document.getElementById('add_station1').style.display = 'none';
            document.getElementById("topics").setAttribute("contenteditable", "false");
            document.getElementById("key_issues").setAttribute("contenteditable", "false");
        }

        {#控制左侧光标位置#}
        var detail = leaders_dict['detail'];
        if (detail === '1') {
            document.getElementById("administrative").className = "add-nav-active";
            document.getElementById("my_issue").className = "add_class";
            document.getElementById("issue_approval_ul").style.display = "inline-block";
            document.getElementById("jiantou3").className = "iconfont icon-jiantou-xia";
            document.getElementById("organizational_management_ul").style.display = "none";
        } else if (detail === '2') {
            document.getElementById("administrative").className = "add-nav-active";
            document.getElementById("pending_approval").className = "add_class";
            document.getElementById("issue_approval_ul").style.display = "inline-block";
            document.getElementById("jiantou3").className = "iconfont icon-jiantou-xia";
            document.getElementById("organizational_management_ul").style.display = "none";
        } else if (detail === '3') {
            document.getElementById("administrative").className = "add-nav-active";
            document.getElementById("approved").className = "add_class";
            document.getElementById("issue_approval_ul").style.display = "inline-block";
            document.getElementById("jiantou3").className = "iconfont icon-jiantou-xia";
            document.getElementById("organizational_management_ul").style.display = "none";
        }else if (detail === '4') {
            document.getElementById("administrative").className = "add-nav-active";
            document.getElementById("all_issue").className = "add_class";
            document.getElementById("issue_approval_ul").style.display = "inline-block";
            document.getElementById("jiantou3").className = "iconfont icon-jiantou-xia";
            document.getElementById("organizational_management_ul").style.display = "none";
        }

        {#生成流程表格#}
        var present = leaders_dict['present_dict'];
        var t_table1 = document.getElementById("t_table1");
        for (var j = 0; j < Object.keys(present).length; j++) {
            var key = Object.keys(present)[j];
            var tr = document.createElement("tr");
            var td = document.createElement("td");
            var td1 = document.createElement("td");
            var td2 = document.createElement("td");
            var td3 = document.createElement("td");
            var td4 = document.createElement("td");
            var td5 = document.createElement("td");
            td.innerHTML = j + 1;
            td.style.textAlign = "center";
            td1.innerHTML = present[key]["real_name"];
            td1.title = present[key]["username"];
            td1.style.textAlign = "center";
            td2.innerHTML = present[key]["status"];
            td2.style.textAlign = "center";
            td3.innerHTML = present[key]["leader_type"];
            td3.style.textAlign = "center";
            td4.innerHTML = present[key]["parse_time"];
            td4.style.textAlign = "center";
            td5.innerHTML = JSON.stringify(present[key]["opinion"]);
            td5.style.paddingLeft = "1%";
            tr.appendChild(td);
            tr.appendChild(td1);
            tr.appendChild(td2);
            tr.appendChild(td3);
            tr.appendChild(td4);
            tr.appendChild(td5);
            t_table1.appendChild(tr);
        }


        {#协办部门的管理#}
        if (leaders_dict['is_co'] === 1) {
            document.getElementById('jointly1_opinion_div').style.display = "inline-block";
        } else {
            document.getElementById('jointly1_opinion_div').style.display = "none";
        }
        var new_returnList = leaders_dict['new_returnList'];
        if (leaders_dict['co_see'] === 0) {
            document.getElementById('jointly1').style.display = "none";
        }
        for (var i = 0; i < new_returnList.length; i++) {
            var div_signature_HG = document.createElement("div");
            div_signature_HG.style.display = "inline-block";

            var tr = document.createElement("tr");
            var td = document.createElement("td");
            var td1 = document.createElement("td");
            var td2 = document.createElement("td");
            var td3 = document.createElement("td");
            td.innerHTML = "协办部门" + String(i + 1);
            td.style.width = "20%";
            td.style.borderLeft = "black solid 0.5px";
            td.style.borderRight = "black solid 0.5px";
            td.style.borderBottom = "black solid 0.5px";
            td.style.borderTop = "none";
            td.style.height = "75px";
            td.style.lineHeight = "35px";
            td.style.textAlign = "center";
            td.style.color = "black";
            td.style.fontFamily = "仿宋_GB2312";
            td.style.fontSize = "18.6px";
            td.setAttribute("id", "td" + String(i + 4));
            td1.innerHTML = new_returnList[i]["sponsor"];
            td1.setAttribute("id", "is_department" + String(i + 1));
            td1.style.width = "20%";
            td1.style.borderRight = "black solid 0.5px";
            td1.style.borderLeft = "black solid 0.5px";
            td1.style.borderBottom = "black solid 0.5px";
            td1.style.borderTop = "none";
            td1.style.paddingLeft = "1%";
            td1.style.lineHeight = "35px";
            td.style.color = "black";
            td1.style.fontFamily = "仿宋_GB2312";
            td1.style.fontSize = "18.6px";
            td2.innerHTML = "负责人签字";
            td2.style.width = "30%";
            td2.style.borderRight = "black solid 0.5px";
            td2.style.borderLeft = "black solid 0.5px";
            td2.style.borderBottom = "black solid 0.5px";
            td2.style.borderTop = "none";
            td2.style.textAlign = "center";
            td2.style.height = "75px";
            td2.style.lineHeight = "35px";
            td2.style.color = "black";
            td2.style.fontFamily = "仿宋_GB2312";
            td2.style.fontSize = "18.6px";

            if (new_returnList[i]['status'] === 1) {
                td3.innerHTML = "";
                td3.style.width = "30%";
                td3.style.height = "35px";
                td3.style.lineHeight = "35px";
                td3.style.paddingLeft = "1%";
                td3.style.borderRight = "black solid 0.5px";
                td.style.borderLeft = "black solid 0.5px";
                td3.style.borderBottom = "black solid 0.5px";
                td3.style.borderTop = "none";
                td3.style.color = "black";
                td3.style.fontFamily = "仿宋_GB2312";
                td3.style.fontSize = "18.6px";
            } else if (new_returnList[i]['status'] === 2) {
                td3.innerHTML = "";
                td3.style.width = "30%";
                td3.style.height = "35px";
                td3.style.lineHeight = "35px";
                td3.style.paddingLeft = "1%";
                td3.style.borderRight = "black solid 0.5px";
                td.style.borderLeft = "black solid 0.5px";
                td3.style.borderBottom = "black solid 0.5px";
                td3.style.borderTop = "none";
                td3.style.color = "black";
                td3.style.fontFamily = "仿宋_GB2312";
                td3.style.fontSize = "18.6px";
            } else if (new_returnList[i]['status'] === 3) {
                // 签名图片
                if (new_returnList[i]['autograph_url']) {
                    var img_HG = document.createElement("img");
                    img_HG.setAttribute("src", new_returnList[i]['autograph_url']);
                    img_HG.style.width = "100px";
                    img_HG.style.height = "40px";
                } else {
                    img_HG = document.createElement("div");
                    img_HG.style.width = "100px";
                    img_HG.style.height = "40px";
                    img_HG.innerText = new_returnList[i]['sponsor']
                }
                div_signature_HG.appendChild(img_HG);

                td3.innerHTML = '<div><img src="' + new_returnList[i]["autograph_url"] + '" height="50px"></div>';
                td3.style.width = "30%";
                td3.style.height = "35px";
                td3.style.lineHeight = "35px";
                td3.style.paddingLeft = "1%";
                td3.style.borderRight = "black solid 0.5px";
                td.style.borderLeft = "black solid 0.5px";
                td3.style.borderBottom = "black solid 0.5px";
                td3.style.borderTop = "none";

                td3.style.color = "black";
                td3.style.fontFamily = "仿宋_GB2312";
                td3.style.fontSize = "18.6px";
            } else {
                // 签名图片
                if (new_returnList[i]['autograph_url']) {
                    var img_HG = document.createElement("img");
                    img_HG.setAttribute("src", new_returnList[i]['autograph_url']);
                    img_HG.style.width = "100px";
                    img_HG.style.height = "40px";
                } else {
                    img_HG = document.createElement("div");
                    img_HG.style.width = "100px";
                    img_HG.style.height = "40px";
                    img_HG.innerText = new_returnList[i]['sponsor']
                }
                div_signature_HG.appendChild(img_HG);

                td3.innerHTML = '<div><span>' + new_returnList[i]["opinion"] + '</span></div>';
                td3.style.width = "30%";
                td3.style.height = "35px";
                td3.style.lineHeight = "35px";
                td3.style.paddingLeft = "1%";
                td3.style.borderRight = "black solid 0.5px";
                td.style.borderLeft = "black solid 0.5px";
                td3.style.borderBottom = "black solid 0.5px";
                td3.style.borderTop = "none";
                td3.style.color = "black";
                td3.style.fontFamily = "仿宋_GB2312";
                td3.style.fontSize = "18.6px";
                document.getElementById("nuclear_draft_name").innerText = 'nuclear_draft' + String(i + 1)
            }

            tr.appendChild(td);
            tr.appendChild(td1);
            tr.appendChild(td2);
            tr.appendChild(td3);
            document.getElementById("jointly").appendChild(tr);

            var div_total_HG = document.createElement("div");
            div_total_HG.style.marginTop = "1%";
            var opinion_HG = document.createElement("div");
            opinion_HG.innerText = new_returnList[i]['opinion'];
            var div_HG = document.createElement("div");

            var time_HG = document.createElement("div");
            time_HG.style.display = "inline-block";
            time_HG.style.textAlign = "right";
            time_HG.style.width = "90%";
            time_HG.style.paddingRight = "2%";
            var div_HG_time = document.createElement("div");
            div_HG_time.innerText = new_returnList[i]['parse_time'];
            time_HG.appendChild(div_HG_time);

            div_HG.appendChild(div_signature_HG);
            div_HG.appendChild(time_HG);
            div_total_HG.appendChild(opinion_HG);
            div_total_HG.appendChild(div_HG);
            var signature_Hegao = document.getElementById("jointly1_signature");
            signature_Hegao.appendChild(div_total_HG);
            if (new_returnList[i]["sponsor"]) {
                var hr_HG = document.createElement("hr");
                signature_Hegao.appendChild(hr_HG);
            }
        }

        {#提交部门领导的管理#}
        if (leaders_dict['leader1_dict']['status'] === 1) {
            document.getElementById('leader1_opinion_div').style.display = 'inline-block';
            document.getElementById('leader1_signature_text').style.display = 'none';
            document.getElementById('leader1_signature_src').style.display = 'none';
            document.getElementById('leader1_signature_time').style.display = 'none';
            document.getElementById("in_charge_signature").innerHTML = ''
        } else if (leaders_dict['leader1_dict']['status'] === 2) {
            document.getElementById('leader1_opinion_div').style.display = 'none';
            document.getElementById('leader1_signature_text').style.display = 'none';
            document.getElementById('leader1_signature_src').style.display = 'none';
            document.getElementById('leader1_signature_time').style.display = 'none';
            document.getElementById("in_charge_signature").innerHTML = ''
        } else if (leaders_dict['leader1_dict']['status'] === 3) {
            document.getElementById('leader1_opinion_div').style.display = 'none';
            document.getElementById('leader1_signature_text').innerText = leaders_dict['leader1_dict']['opinion'];
            document.getElementById('leader1_signature_src').setAttribute('src', leaders_dict['leader1_dict']['autograph_url']);
            document.getElementById('leader1_signature_time').innerText = leaders_dict['leader1_dict']['parse_time'];
            document.getElementById("in_charge_signature").innerHTML = '<img src="' + leaders_dict['leader1_dict']['autograph_url'] + '" height="55px" width="100px";></div>'
        } else {
            document.getElementById('leader1_opinion_div').style.display = 'none';
            document.getElementById('leader1_signature_text').innerText = leaders_dict['leader1_dict']['opinion'];
            document.getElementById('leader1_signature_src').style.display = 'none';
            document.getElementById('leader1_signature_time').innerText = leaders_dict['leader1_dict']['parse_time'];
            {#document.getElementById("in_charge_signature").innerHTML= '<img src="{{ signature_pic }}" height="70px"></div>'#}
        }

        {#分管领导的管理#}
        if (leaders_dict['leader2_dict']['status'] == 1) {
            document.getElementById('leader2_opinion_div').style.display = 'inline-block';
            document.getElementById('leader2_signature_text').style.display = 'none';
            document.getElementById('leader2_signature_src').style.display = 'none';
            document.getElementById('leader2_signature_time').style.display = 'none';
            document.getElementById("leader_opinion").innerHTML = "";
        } else if (leaders_dict['leader2_dict']['status'] == 2) {
            document.getElementById('leader2_opinion_div').style.display = 'none';
            document.getElementById('leader2_signature_text').style.display = 'none';
            document.getElementById('leader2_signature_src').style.display = 'none';
            document.getElementById('leader2_signature_time').style.display = 'none';
            document.getElementById("leader_opinion").innerHTML = "";
        } else if (leaders_dict['leader2_dict']['status'] == 3) {
            document.getElementById('leader2_opinion_div').style.display = 'none';
            document.getElementById('leader2_signature_text').innerText = leaders_dict['leader2_dict']['opinion'];
            document.getElementById('leader2_signature_src').setAttribute('src', leaders_dict['leader2_dict']['autograph_url']);
            document.getElementById('leader2_signature_time').innerText = leaders_dict['leader2_dict']['parse_time'];
            {#document.getElementById("leader_opinion").innerHTML = '<img src="' + leaders_dict['leader2_dict']['autograph_url'] + '" height="70px"></div>'#}
            document.getElementById("leader_opinion").innerHTML ='<div style="margin-top: 1%;padding-left: 5%;"><div>' +
                leaders_dict['leader2_dict']['opinion'] +
                '</div><div><div style="display: inline-block;padding-left: 50%;"><img src="' +
                leaders_dict['leader2_dict']['autograph_url'] +
                '" style="width: 100px; height: 50px;"></div><div style="display: inline-block; text-align: right; width: 90%; padding-right: 2%;"><div>' +
                leaders_dict['leader2_dict']['time'] +
                '</div></div></div></div>'
        } else {
            document.getElementById('leader2_opinion_div').style.display = 'none';
            document.getElementById('leader2_signature_text').innerText = leaders_dict['leader2_dict']['opinion'];
            document.getElementById('leader2_signature_src').style.display = 'none';
            document.getElementById('leader2_signature_time').innerText = leaders_dict['leader2_dict']['parse_time'];
            document.getElementById("leader_opinion").innerHTML = '<div><span>' + leaders_dict['leader2_dict']['opinion'] + '</span></div>';
            document.getElementById("main_process").innerHTML ='<div style="margin-top: 1%;padding-left: 5%;"><div>' +
                leaders_dict['leader2_dict']['opinion'] +
                '</div><div><div style="display: inline-block;"></div><div style="display: inline-block; text-align: right; width: 90%; padding-right: 2%;"><div>' +
                leaders_dict['leader2_dict']['time'] +
                '</div></div></div></div>'


        }

        {#主要负责人的管理#}
        if (leaders_dict['leader3_dict']['status'] == 1) {
            document.getElementById('leader3_opinion_div').style.display = 'inline-block';
            document.getElementById('leader3_signature_text').style.display = 'none';
            document.getElementById('leader3_signature_src').style.display = 'none';
            document.getElementById('leader3_signature_time').style.display = 'none';
            document.getElementById("main_process").innerHTML = "";
        } else if (leaders_dict['leader3_dict']['status'] == 2) {
            document.getElementById('leader3_opinion_div').style.display = 'none';
            document.getElementById('leader3_signature_text').style.display = 'none';
            document.getElementById('leader3_signature_src').style.display = 'none';
            document.getElementById('leader3_signature_time').style.display = 'none';
            document.getElementById("main_process").innerHTML = "";
        } else if (leaders_dict['leader3_dict']['status'] == 3) {
            document.getElementById('leader3_opinion_div').style.display = 'none';
            document.getElementById('leader3_signature_text').innerText = leaders_dict['leader3_dict']['opinion'];
            document.getElementById('leader3_signature_src').setAttribute('src', leaders_dict['leader3_dict']['autograph_url']);
            document.getElementById('leader3_signature_time').innerText = leaders_dict['leader3_dict']['parse_time'];
            {#document.getElementById("main_process").innerHTML = '<img src="' + leaders_dict['leader3_dict']['autograph_url'] + '" height="70px"></div>'#}
            document.getElementById("main_process").innerHTML ='<div style="margin-top: 1%;padding-left: 5%;"><div>' +
                leaders_dict['leader3_dict']['opinion'] +
                '</div><div><div style="display: inline-block;padding-left: 50%;"><img src="' +
                leaders_dict['leader3_dict']['autograph_url'] +
                '" style="width: 100px; height: 50px;"></div><div style="display: inline-block; text-align: right; width: 90%; padding-right: 2%;"><div>' +
                leaders_dict['leader3_dict']['time'] +
                '</div></div></div></div>'
        } else {
            document.getElementById('leader3_opinion_div').style.display = 'none';
            document.getElementById('leader3_signature_text').innerText = leaders_dict['leader3_dict']['opinion'];
            document.getElementById('leader3_signature_src').style.display = 'none';
            document.getElementById('leader3_signature_time').innerText = leaders_dict['leader3_dict']['parse_time'];
            {#document.getElementById("main_process").innerHTML = '<div><span>' + leaders_dict['leader3_dict']['opinion'] + '</span></div>'#}
            document.getElementById("main_process").innerHTML ='<div style="margin-top: 1%;padding-left: 5%;"><div>' +
                leaders_dict['leader3_dict']['opinion'] +
                '</div><div><div style="display: inline-block;"></div><div style="display: inline-block; text-align: right; width: 90%; padding-right: 2%;"><div>' +
                leaders_dict['leader3_dict']['time'] +
                '</div></div></div></div>'
        }

        {#流程进度颜色控制#}
        if (leaders_dict['issue_step'] === 0) {
            document.getElementById('issue_start').style.color = 'blue';
        } else if (leaders_dict['issue_step'] === 1) {
            document.getElementById('issue_leader1').style.color = 'blue';
        } else if (leaders_dict['issue_step'] === 2) {
            document.getElementById('issue_co_leader').style.color = 'blue';
        } else if (leaders_dict['issue_step'] === 3) {
            document.getElementById('issue_leader2').style.color = 'blue';
        } else if (leaders_dict['issue_step'] === 4) {
            document.getElementById('issue_leader3').style.color = 'blue';
        } else if (leaders_dict['issue_step'] === 6) {
            document.getElementById('issue_end').style.color = 'blue';
        }

    </script>
{% endblock %}
